/*
 * https://github.com/morethanwords/tweb
 * Copyright (C) 2019-2021 Eduard Kuzmenko
 * https://github.com/morethanwords/tweb/blob/master/LICENSE
 */

.page-authCode {
  .auth-image {
    transform: translateY(12px);
  }

  .phone-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.375rem 0 .875rem;

    h4 {
      &[contenteditable] {
        padding: 0 1rem;
        border: none;
        outline: none;
        padding: 0 1rem;
        border-bottom: 2px solid var(--primary-color);
      }
    }

    .phone.error {
      border-color: var(--danger-color) !important;
    }

    .phone {
      margin: 0;
    }
  }

  .subtitle {
    max-width: 300px;
    margin: 0 auto !important;
  }
}
